<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Panel</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="author" content="http://www.huayingsoft.com/" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">

    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/bootstrapEx.css">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/global.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrapEx2.0.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div id="panel1"></div>
        <div id="panel2"></div>
        <div id="panel3"></div>
        <div id="panel4"></div>
    </div>
</body>
<script>
     $(document).ready(function () {
        InitPanel1();
        InitPanel2();
        InitPanel3();
        InitPanel4();
     });

     function InitPanel1(){
        new bsEx.Panel({
            renderto:"#panel1",
            title:"普通面板 默认点击标题展开收起",
            body: '普通面板高度随内容增加'
        });
    }
     function InitPanel2(){
        new bsEx.Panel({
            renderto:"#panel2",
            title:"带按钮面板",
            body: '普通面板高度随内容增加,这个面板底部有按钮,<br/><br/>',
            btns:[{id:"btn_save",text:"保存",btntype:"primary"},{id:"btn_close",text:"取消"}]
        });
    }
     function InitPanel3(){
        new bsEx.Panel({
            renderto:"#panel3",
            title:"不带头部和底部的面板",
            showhead:false,
            showfooter:false,
            body: '普通面板高度随内容增加,<br/>这个面板没有头部和底部<br/><br/>',
            btns:[{id:"btn_save",text:"保存",btntype:"primary"},{id:"btn_close",text:"取消"}]
        });
    }
     function InitPanel4(){
        new bsEx.Panel({
            renderto:"#panel4",
            title:"固定高度和宽度的面板",
            width:'600px',
            height:'500px',
            body: '普通面板高度随内容增加,<br/>这个面板没有头部和底部<br/><br/>',
            btns:[{id:"btn_save",text:"保存",btntype:"primary"},{id:"btn_close",text:"取消"}]
        });
    }
</script>
</html>